<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" href="css/lib/bootstrap.min.css">
		<script src="js/lib/jquery.min.js"></script>
		<script src="js/lib/bootstrap.min.js"></script>

		<link rel="stylesheet" type="text/css" href="css/page/teacher.css" />
		<link rel="stylesheet" type="text/css" href="css/components.css"/>
	</head>

	<body>

		<div class="header">
			<div class="header-top hidden-xs">
				<div class="container">
					<div class="row">
						<div class="col-md-3 col-sm-5 hidden-xs">
							<img src="img/logo_top.png" class="logo-top" />
						</div>
						<div class="col-md-offset-4 col-md-3 col-sm-4 hidden-xs">
							<form class="search mrt-10">
							  <input type="text" placeholder="站内搜索">
							  <button type="submit"></button>
							</form>
						</div>
						<div class="col-md-2 col-sm-3 hidden-xs">
							<ul class="lang mrt-10">
								<li><a href="#">English</a></li>
								<li>|</li>
								<li><a href="#">中文</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>	
			<div class="header-nav">
				<nav class="navbar navbar-default">
				  <div class="container">
				    <div class="navbar-header">
				      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				      </button>
				      <img src="img/logo_top.png" class="logo-top hidden-sm hidden-lg hidden-md"/>
				    </div>
				
				    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				      <ul class="nav navbar-nav">
							<li><a href="index.html">学校首页</a></li>
							<li><a href="#">学校行政</a></li>
							<li class="active"><a href="student.html">学校组织</a></li>
							<li><a href="library.html">校图书馆</a></li>
							<li><a href="download.html">下载中心</a></li>
				      </ul>
				    </div>
				  </div>
				</nav>
			</div>
		</div>
		
		<div class="content">
			<div class="container">
				<div class="row">
					<div class="col-md-2">
						<div class="list-with-title xs-style">
							<div class="list-group hidden-xs">
							  <div class="hd">学校组织</div>
							  <a href="#" class="list-group-item">学生会</a>
							  <a href="#" class="list-group-item">家长会</a>
							  <a href="#" class="list-group-item active">教师团队</a>
							</div>
							<ul class="list-nav hidden-lg hidden-md hidden-sm">
								<li><a href="student.html">学生会</a></li>
								<li><a>家长会</a></li>
								<li class="active"><a href="teacher.html">教师团队</a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-10">
						<div class="section special-teacher">
							<div class="title">
								<h3>特级教师<span>Special teacher</span></h3>
								<div class="more">more>></div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							
							
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							
							
						</div>
						
						<div class="section special-teacher">
							<div class="title">
								<h3>A级教师<span>Special teacher</span></h3>
								<div class="more">more>></div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
								<div class="media">
								  <div class="media-left">
								    <a href="#">
								      <img class="media-object img-circle" src="img/men 1.png" alt="...">
								    </a>
								  </div>
								  <div class="media-body">
								    <h4 class="media-heading">中文名字：XXX</h4>
								  	<p>英文名字：XXXXXX</p>
								  	<p>邮箱：1111111111@qq.com</p>
								  	<p>电话：1111111111</p>
								  </div>
								</div>
							</div>
							
							
						</div>
				
					</div>
					
				</div>
			</div>
		</div>
			
		
		<div class="bottom content mobile-txtcenter">
			<div class="container">
				<div class="row">
					<div class="col-md-4 hidden-sm hidden-xs">
						<div class="col-md-4">
							<h4>友情链接</h4>
							<p>姐妹网站</p>
							<p>其他链接</p>
							<p>其他链接</p>
						</div>
						<div class="col-md-4">
							<h4>友情链接</h4>
							<p>姐妹网站</p>
							<p>其他链接</p>
							<p>其他链接</p>
						</div>
						<div class="col-md-4">
							<h4>友情链接</h4>
							<p>姐妹网站</p>
							<p>其他链接</p>
							<p>其他链接</p>
						</div>
					</div>
					<div class="col-md-2 hidden-sm hidden-xs text-center">
					    <img src="img/erweima.png" alt="...">
					    <p>官方公众号</p>
					</div>
					<div class="col-md-3 col-sm-6">
						<p>地址：中国 广州市 黄埔大道西601号</p>
						<p>邮编：510632 </p>
						<p>主页：https://www.jnu.edu.cn </p>
						<p>版权所有©暨南大学</p>
					</div>
					<div class="col-md-3 col-sm-6 hidden-xs">
			    		<img src="img/logo_down.png" class="logo-down img-responsive" />
					</div>
				</div>
			</div>
		</div>


	</body>

</html>
		